{% extends "tj3/tj3.html" %}



{% block content %}
<h1 class="ui-widget ui-widget-header">{{task.name}}: {{period.complete}}%</h1>
<div class="ui-widget-content fancy span-4">
	How is your task doing? Set the task completion percentage by a click.
</div>

<div class="pcnt_box span-12 last">
	<div class="span-3" id="zero_pcnt"><a href={% url period_set task.id, scenario.id, "start", 0 %}>
	<img src="https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=flag|bb|Start the job!|ffff00|000000" /></a></div>
	<div class="span-2 fancy" id="twenty_five_pcnt"><a href={% url period_set task.id, scenario.id, "update", 25 %}>25%</a></div>
	<div class="span-2 fancy" id="one_third_pcnt"><a href={% url period_set task.id, scenario.id, "update", 33 %}>33%</a></div>
	<div class="span-2 fancy" id="fifty_pcnt"><a href={% url period_set task.id, scenario.id, "update", 50 %}>50%</a></div>
	<div class="span-2 fancy" id="two_thirds_pcnt"><a href={% url period_set task.id, scenario.id, "update", 66 %}>66%</a></div>
	<div class="span-2 fancy" id="seventy_five_pcnt"><a href={% url period_set task.id, scenario.id, "update", 75 %}>75%</a></div>
	<div class="span-2 fancy" id="eighty_pcnt"><a href={% url period_set task.id, scenario.id, "update", 80 %}>80%</a></div>
	<div class="span-2 fancy" id="ninty_pcnt"><a href={% url period_set task.id, scenario.id, "update", 90 %}>90%</a></div>
	<div class="span-3" id="one_hundred_pcnt"><a href={% url period_set task.id, scenario.id, "end", 100 %}>
	<img src="https://chart.googleapis.com/chart?chst=d_bubble_icon_text_big&chld=flag|bbT|All done!|00ff00|000000" /></a></div>

</div>

{% endblock content %}

{% block footnote %}
	<div class="ui-widget-content">
		<a href={% url project_main_actual task.project.id,scenario.id %}>&laquo; Project Main</a>
	</div>
{% endblock footnote %}
